<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* * {
            margin: 0;
            padding: 0;
        }
        
        body {
            display: flex;
            width: 100%;
            height: 500px;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .footer {
            display: flex;
        }
        
        .item {
            margin: 20px;
            width: 100px;
            height: 100px;
            background-color: green;
        } */
        
        * {
            margin: 0;
            padding: 0;
        }
        
        body {
            width: 100%;
            height: 500px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        
        body>div {
            flex: 1 0 50%;
        }
        
        body>div:first-child {
            flex: 0 1 100%;
        }
        
        .item {
            margin: 20px;
            width: 100px;
            height: 100px;
            background-color: green;
            /* flex: 1 0 50%; */
        }
        /* body>.item:first-child {
            flex: 0 1 100%;
        } */
    </style>
</head>

<body>

    <div class="item">

    </div>
    <div class="item">

    </div>
    <div class="item">

    </div>
    <script>
        // function reserveWord(string) {
        //     string = string.trim();
        //     string = string.replace(/\s+/g, (item) => {
        //         console.log('s' + item + 's');
        //         return ' ';
        //     });
        //     return string.split('').reverse().join('');
        // }
        // console.log(reserveWord("  hello    the    world        "))
        // function getWeiboHot() {
        //     const el = document.querySelector("#pl_top_realtimehot");
        //     const list = [...el.querySelectorAll('tbody tr')];
        //     const newList = list.map((item, index) => {
        //         item = [...item.querySelectorAll('td')];
        //         const point = item[0].innerText;
        //         const count = item[1].querySelector('span') == null ? '' : item[1].querySelector('span').innerText;
        //         const title = item[1].querySelector('a').innerText;
        //         const url = item[1].querySelector('a').getAttribute('href');
        //         return {
        //             point,
        //             title,
        //             count,
        //             url
        //         };
        //     });
        //     return newList.filter((item, index) => {
        //         if (item.point) {
        //             return true
        //         }
        //         return false;
        //     }).map((item) => {
        //         const {
        //             title,
        //             count,
        //             url
        //         } = item;
        //         return {
        //             title,
        //             count,
        //             url
        //         }
        //     })
        // }
        // console.log(getWeiboHot());
    </script>
</body>

</html>